<%--
  Created by IntelliJ IDEA.
  User: 11473
  Date: 2019/9/19
  Time: 18:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>ajax</title>
    <%--引入jquery--%>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/jQuery-1.12.4/jquery-1.12.4.js"></script>
    <script type="text/javascript">

        // 使用jquery进行ajax请求处理
        function doAjax() {
            // 使用jquery进行ajax处理
            $.ajax({
                // 请求方式 get/post
                type: "post",
                // 请求的是服务器的action的url路径
                url: "/selectAge",
                data:  $("#form1").serialize(),
                dataType: "text",
                // 回调函数 中的参数是服务器响应的内容
                success: function (data) {
                    // 从ajax引擎对象中，responseText属性中获取服务器响应的内容
                    $("#displayMe").val(data);
                }
            });
        }
    </script>
</head>
<body>
<form id="form1">
    输入用户名查询年龄：<input type="text" placeholder="请输入用户名" name="username"><br><br>
    <input type="button" value="查询" onclick="doAjax()"><br><br>
</form>
<input id="displayMe" value="" type="text"/>

</body>
</html>
